// margin padding
@each $value in 0, 2, 4, 5, 6, 8, 10, 12, 14, 15, 16, 18, 20, 22, 24, 25, 26, 28, 30, 32, 34, 35, 36, 40, 42, 45, 48, 50,
	54, 55, 60, 64, 70, 75, 80, 90, 96, 100, 110, 112, 120, 128, 200
{
	.pt-#{$value} {
		padding-top: $value + rpx;
	}
	.pb-#{$value} {
		padding-bottom: $value + rpx;
	}
	.py-#{$value} {
		padding-top: $value + rpx;
		padding-bottom: $value + rpx;
	}
	.px-#{$value} {
		padding-left: $value + rpx;
		padding-right: $value + rpx;
	}
	.pl-#{$value} {
		padding-left: $value + rpx;
	}
	.pr-#{$value} {
		padding-right: $value + rpx;
	}
	.p-#{$value} {
		padding: $value + rpx;
	}
	.plr-#{$value} {
		padding-left: $value + rpx;
		padding-right: $value + rpx;
	}
	.ptb-#{$value} {
		padding-top: $value + rpx;
		padding-bottom: $value + rpx;
	}

	.mt-#{$value} {
		margin-top: $value + rpx;
	}
	.mb-#{$value} {
		margin-bottom: $value + rpx;
	}
	.ml-#{$value} {
		margin-left: $value + rpx;
	}
	.mr-#{$value} {
		margin-right: $value + rpx;
	}
	.m-#{$value} {
		margin: $value + rpx;
	}
	.mlr-#{$value} {
		margin-left: $value + rpx;
		margin-right: $value + rpx;
	}
	.mtb-#{$value} {
		margin-top: $value + rpx;
		margin-bottom: $value + rpx;
	}
	.rounded-#{$value} {
		border-radius: $value + rpx;
	}
}

.mr-0 {
	margin-right: 0 !important;
}

//line-height
@each $value in 36, 42, 44 {
	.lh-#{$value} {
		line-height: $value + rpx;
	}
}
